<template>
    <view>
        <custom><template #backText>消费余额</template></custom>
        <nFormItem title="当前消费余额" text_lr="right" :value="$store.state.user.user_asset_info.advpay_amount | floor"></nFormItem>
        <nFormItem title="充值余额" format="number" :data.sync="pay" field="advpay_amount"></nFormItem>
        <nFormButton title="充 值" :tap="()=>{pay.show=true}"></nFormButton>
        <nBar title="消费余额功能介绍"></nBar>
        <nDesc class_bottom="margin-top-0">
            <template #bottom>
                1.累计的消费额度可在线上线下商户消费使用，用户在购物时，可选择现金或累计额度支付。<br>
                2.每天单笔充值10元以上，即可完成当日任务获得信用分，如您想购买40元的商品，通过累计消费，连续四天充值10元，即可完成了四天的每日任务，又可获得对应的信用分。<br>
                3.累计消费余额在店铺消费时才可获得相应的提现额度和金券赠送。
            </template>
        </nDesc>
        <nBar title="相关日志" right_title="查看全部日志" right_uri="/user/asset/log"></nBar>
        <userAssetLogTimeline ref="userAssetLogTimeline" :parentForm="userAssetLog.form"></userAssetLogTimeline>
        <pay :pay.sync="pay" :appPaySuccess="appPaySuccess"></pay>
    </view>
</template>

<script>
    import userAssetLogTimeline from '@/components/nddyny/userAssetLogTimeline.vue';

    export default {
        components: {
            userAssetLogTimeline,
        },
        data() {
            let form = {
                advpay_amount: ''
            }
            return {
                pay: {
                    formtag: {},
                    form: this.$nddyny.object.copy(form),
                    formbak: this.$nddyny.object.copy(form),
                    tip_content: '确定要充值消费余额吗？',
                    pay_uri: '/userPay/advpay/pay',
                    show: false,
                    load_info: {},
                },
                userAssetLog: {
                    form: {
                        action_types: '90'
                    },
                },
            }
        },
        onLoad(params) {
            this.pay.load_info = params;
        },
        methods: {
            appPaySuccess() {
                this.$refs.userAssetLogTimeline.getList(this.$api.list_action_force_init);
            }
        }
    }
</script>
